{% extends "global/Page.html" %}
{% load otree %}

{% block title %}
    Part 1: Decision Round n. {{subsession.round_number}}/{{Constants.num_rounds}}
{% endblock %}

{% block content %}

    <div class="form-group required">
        <table class="table table-bordered text-center" style="width: auto; margin: auto">
            <tr>
                <th colspan="2" rowspan="2"></th>
                <th colspan="2">The Other Participant</th>
            </tr>
            <tr>
                <th>Cooperate</th>
                <th>Defect</th>
            </tr>
            <tr>
                <th rowspan="2"><span> <font color="blue"> You </font> </span></th>
                <td><button name="decision" value=1 class="btn btn-primary btn-large">I will cooperate</button></td>
                <td><font color="blue"> {{ Constants.both_cooperate_payoff }} </font>; {{ Constants.both_cooperate_payoff }}</td>
                <td> <font color="blue"> {{ Constants.betrayed_payoff }} </font>; {{Constants.betray_payoff}}</td>
            </tr>
            <tr>
                <td><button name="decision" value=0 class="btn btn-primary btn-large">I will defect</button></td>
                <td><font color="blue"> {{ Constants.betray_payoff }}</font>; {{ Constants.betrayed_payoff }}</td>
                <td><font color="blue"> {{ Constants.both_defect_payoff }}</font> ; {{ Constants.both_defect_payoff }} </td>
            </tr>
        </table>
    </div>

{% endblock %}